<pro-header ></pro-header>
<nz-card [nzBordered]="false">
    <nz-tabset nzTabPosition="left" [nzType]="'line'" [nzSelectedIndex]="SelectedIndex" (nzSelectedIndexChange)="changeTab($event)">
      <nz-tab *ngFor="let tab of tabs">
        <ng-template #nzTabHeading>
           {{tab.title}}
        </ng-template>
        <div  nz-col [nzSpan]="13">
             <nz-select *ngIf="tab.index !== 2"
                  style="width: 30%;margin-bottom:20px;"
                  nzAllowClear
                  [nzPlaceHolder]="PlaceHolder"
                  [(ngModel)]="Workitem"
                  (ngModelChange)="checkWorkitem(Workitem,tab.index)"
                  nzShowSearch>
                      <nz-option
                        *ngFor="let option of searchworks"
                        [nzLabel]="option.label"
                        [nzValue]="option.value"
                      >
                      </nz-option>
                </nz-select>
                
        <nz-input *ngIf="tab.index === 2" [nzType]="'search'" [nzPlaceHolder]="PlaceHolder" [(ngModel)]="fileName" style="width: 60%;margin-bottom:20px;" (nzOnSearch)="checkWorkitem($event,tab.index)"></nz-input>
         <div style="margin-bottom:20px;">
          <label  nz-radio [(ngModel)]="singleValue">
                <span>仅查询测试环境</span>
              </label>
            </div>
      </div>
       
      

   <div nz-col [nzSpan]="11" *ngIf="tab.index !== 2">
         <nz-select 
                  style="width: 30%;margin:40px 0 20px 0"
                  nzAllowClear
                  [nzPlaceHolder]="msg"
                  [(ngModel)]="searchtab"
                  (ngModelChange)="selected(searchtab,tab.index)"
                  nzShowSearch>
                      <nz-option
                        *ngFor="let option of selectLabel"
                        [nzLabel]="option.label"
                        [nzValue]="option.label"
                      >
                      </nz-option>
                </nz-select>
   </div>
    
               
        
      <div nz-col [nzSpan]="24">
         <div nz-row [nzType]="'flex'" [nzJustify]="'space-between'">
               
              <div nz-col [nzSpan]="12" class="divStlye" >
                <app-list
                  [initDate]="ListData"
                  (selectedRow)="selectedRow($event)"
                  [headerDate]="ListHeaderDate"
                  [total]="ListData.length"
                  showAdd = true
                  [loading]="listloading" 
                  [isShowTotalhead] = true
                  [subtotal] = false
                  (buttonEvent)="buttonEvent($event)"
                   [isCaocuo] = false
                   [stringHead]="WorkitemLbel"
                   (ClickTrbacground)="ClickTrbacground($event)"
                >
                </app-list>
              </div>
               <div nz-col [nzSpan]="11" class="divStlye" >
                    <app-list
                  [initDate]="childListData"
                  [headerDate]="childListHeaderDate"
                   (selectedRow)="selectedRow($event)"
                  [total]="childListData.length"
                  showAdd = true
                  [isShowTotalhead] = true
                  [subtotal] = false
                   [isCaocuo] = false
                >
                </app-list>
              </div>                
              </div>
  
      
      </div>
              
      </nz-tab>
    </nz-tabset>
</nz-card>